/*
    webpack.config.js webpack的配置文件
    作用：指示 webpack 干那些活（当你运行webpack指令时，会加载里面的配置）
    所有构件工具都是基于nodejs平台运行的~模块化默认采用common.js

*/
const { resolve } = require('path');

module.exports = {
    //webpack配置
    //入口起点
    entry:'./src/index.js',
    output:{
        //输出文件名字
        filename:'built.js',
        //输出路径
        //__dirname nodejs的变量，代表当前文件的目录绝对的路径
        path: resolve(__dirname,'build')
    },
    // loader的配置
    module:{
         rules:[
             //详细loader配置
             //不同的文件必须配置不同的loader处理
            {
                // 匹配那些文件
                test: /\.css$/,
                use: [
                    // use数组中loader执行顺序:从右到左，从上到下依次执行
                    // 创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                // 匹配那些文件
                test: /\.less$/,
                use: [
                    // use数组中loader执行顺序:从右到左，从上到下依次执行
                    // 创建style标签，将js中的样式资源插入进行，添加到head中生效
                    'style-loader',
                    'css-loader',
                    'less-loader'
                ]
            },

         ]
    },
    // plugins的配置
    plugins:[
        //详细plugins的配置
    ],
    //模式
    mode:'development', //开发模式
    //mode:'production'

}